<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:icefusion="http://icefusion.googlecode.com/icefusion">
<body>
<ui:composition template="#{iceFusionConsts.templatePage}">
	<ui:define name="title">
		#{icecube['application.menu.presentation.chart']}
	</ui:define>
	<ui:define name="content">
		#{icecube['application.menu.presentation.chart.text']}
		<ice:form>
		<ice:panelGrid columns="2">
			<ice:panelGrid>
				<h3>Bar Chart</h3>
				<ice:outputChart type="bar"
        			chartTitle="Bar"
        			yaxisTitle="Technology"
        			xaxisTitle="Years"
        			xaxisLabels="2009, 2010, 2011"
        			labels="Flash, AJAX"
        			data="23, 30, 43: 36, 34, 20"
        			colors="blue, green"/> 			
			</ice:panelGrid>
			<ice:panelGrid>
				<h3>Pie Chart</h3>
				<ice:outputChart type="pie2d"
					chartTitle="Pie 2D"
					labels="JSF, AJAX, Flash"
					data="43, 30, 27"
					colors="blue, green, cyan"/>
			</ice:panelGrid>
			<ice:panelGrid>
				<h3>Bar Chart (stacked)</h3>
				<ice:outputChart type="barstacked"
        			chartTitle="Bar (stacked)"
        			yaxisTitle="Technology"
        			xaxisTitle="Years"
        			xaxisLabels="2009, 2010, 2011"
        			labels="Flash, AJAX"
        			data="23, 30, 43: 36, 34, 20"/> 			
			</ice:panelGrid>
			<ice:panelGrid>
				<h3>Pie Chart (3D)</h3>
				<ice:outputChart type="pie3d"
					chartTitle="Pie 3D"
					labels="JSF, AJAX, Flash"
					data="43, 30, 27"/>
			</ice:panelGrid>
			<ice:panelGrid>
				<h3>Bar Chart (clustered)</h3>
				<ice:outputChart type="barclustered"
        			chartTitle="Bar (clustered)"
        			yaxisTitle="Technology"
        			xaxisTitle="Years"
        			xaxisLabels="2009, 2010, 2011"
        			labels="Flash, AJAX"
        			data="23, 30, 43: 36, 34, 20"/> 			
			</ice:panelGrid>
		 	<ice:panelGrid>
				<h3>Line</h3>
				<ice:outputChart type="line"
        			chartTitle="Line"
        			yaxisTitle="Technology"
        			xaxisTitle="Years"
        			xaxisLabels="2009, 2010, 2011"
        			labels="Flash, AJAX"
        			data="23, 30, 43: 36, 34, 20"/> 			
			</ice:panelGrid>
			<ice:panelGrid>
				<h3>Area</h3>
				<ice:outputChart type="area"
        			chartTitle="Area"
        			yaxisTitle="Technology"
        			xaxisTitle="Years"
        			xaxisLabels="2009, 2010, 2011"
        			labels="Flash, AJAX"
        			data="23, 30, 43: 36, 34, 20"/> 			
			</ice:panelGrid>
			<ice:panelGrid>
				<h3>Point</h3>
				<ice:outputChart type="point"
        			chartTitle="Point"
        			yaxisTitle="Technology"
        			xaxisTitle="Years"
        			xaxisLabels="2009, 2010, 2011"
        			labels="Flash, AJAX"
        			data="23, 30, 43: 36, 34, 20"/> 			
			</ice:panelGrid>
			<ice:panelGrid>
				<h3>Area (stacked)</h3>
				<ice:outputChart type="areastacked"
        			chartTitle="Area (stacked)"
        			yaxisTitle="Technology"
        			xaxisTitle="Years"
        			xaxisLabels="2009, 2010, 2011"
        			labels="Flash, AJAX"
        			data="23, 30, 43: 36, 34, 20"/> 			
			</ice:panelGrid>
		</ice:panelGrid>
		</ice:form>
   	</ui:define>
</ui:composition>
</body>
</html>